@extends('home.parent')
@section('title','登录账号')
@section('head_js')
@endsection
@section('head_css')
<link rel="stylesheet" href="{{ asset('/css/dataTables.bootstrap.css') }}">
@endsection
@section('content')
<div class="content-wrapper">
  <section class="content-header">
    <h1>
      登录账号
      <small></small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="{{URL('admin')}}"><i class="fa fa-dashboard"></i> 首页</a></li>
      <li class="active">登录账号</li>
    </ol>
  </section>
  <section class="content">
    <div class="row">
      <div class="col-xs-12">
        <div class="box">
          <!-- /.box-header -->
          <div class="box-body">
            <table id="data_list" class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>编号</th>
                  <th>用户名</th>
                  <th>真实姓名</th>
                  <th>角色</th>
                  <th>类型</th>
                  <th>手机号码</th>
                  <th>客户数量</th>
                  <th>创建时间</th>
                  <th>客户设置</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
              <tfoot>
                <tr>
                  <th>编号</th>
                  <th>用户名</th>
                  <th>真实姓名</th>
                  <th>角色</th>
                  <th>类型</th>
                  <th>手机号码</th>
                  <th>客户数量</th>
                  <th>创建时间</th>
                  <th>客户设置</th>
                </tr>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
    </div>
  </section>
</div>
@endsection
@section('foot_js')
<script src="{{ asset('/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('/js/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('/js/jquery.slimscroll.min.js') }}"></script>
<script src="{{ asset('/js/fastclick.js') }}"></script>
<script src="{{ asset('/js/tools.js').'?v='.env('VERSION') }}"></script>
<script>
var list_ajax;
$(function () {
//提示信息
  var lang = puppet.langShow();
  //初始化表格
  list_ajax = $("#data_list").dataTable({
    language: lang, //提示信息
    autoWidth: false, //禁用自动调整列宽
    stripeClasses: ["odd", "even"], //为奇偶行加上样式，兼容不支持CSS伪类的场合
    processing: true, //隐藏加载提示,自行处理;
    serverSide: true, //启用服务器端分页
    searching: false, //禁用原生搜索
    orderMulti: false, //启用多列排序
    order: [[0, 'desc']], //取消默认排序查询,否则复选框一列会出现小箭头
    renderer: "bootstrap", //渲染样式：Bootstrap和jquery-ui
    pagingType: "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
    lengthMenu:[20,50,100], //更改显示记录数选项 
    displayLength:20, //默认显示的记录数 
    columnDefs: [
      {
        "targets": [1,2,3,4,5,6,7,8], //列的样式名
        "orderable": false    //包含上样式名‘nosort’的禁止排序
      },
      {
        targets: 4,
        data: "type",
        title: "类型",
        render: function (data, type, row, meta) {
          var res = '其他';
          switch(data){
            case 1:
              res = '客服';
              break;
            case 2:
              res = '销售';
              break;
            case 3:
              res = '城市合伙人';
              break;
            case 4:
              res = 'KA';
              break;
          }
          return res;
        }
      },
      {
        targets: 7,
        render: function (data, type, row, meta) {
          return puppet.formatDateTime(data*1000);
        }
      },
      {
        targets: 8,
        render: function (data, type, row, meta) {
          return "<a href='{{ URL('admin/service/user/set')}}/"+row.admin_id+"'>客户设置</a>";
        }
      },
    ],
    ajax: function (data, callback, settings) {
      //封装请求参数
      var param = {};
      param.limit = data.length; //页面显示记录条数，在页面显示每页显示多少项的时候
      param.start = data.start; //开始的记录序号
      param.page = (data.start / data.length) + 1; //当前页码
      param.order = data.order;
      param.search = data.search;
      $.ajax({
        type: "POST",
        url: "{{ URL('admin/service/list/ajax') }}",
        cache: false, //禁用缓存
        data: param, //传入组装的参数
        dataType: "json",
        success: function (result) {
          var returnData = {};
          returnData.draw = data.draw; //这里直接自行返回了draw计数器,应该由后台返回
          returnData.recordsTotal = result.total; //返回数据全部记录
          returnData.recordsFiltered = result.total; //后台不实现过滤功能，每次查询均视作全部结果
          returnData.data = result.data; //返回的数据列表
          callback(returnData);
        }
      });
    },
    //列表表头字段
    columns: [
      {"data": "admin_id"},
      {"data": "admin_name"},
      {"data": "real_name"},
      {"data": "role_name"},
      {"data": "type"},
      {"data": "mobile"},
      {"data": "count"},
      {"data": "create_time"},
      {"data":null},
    ]
  }).api();
});
</script>
@endsection